
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>骨科门诊自助服务</title>

<meta name="viewport"
	content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
  
<link href="css/cate6_0.css" rel="stylesheet" type="text/css" />
<link href="css/106/iscroll.css?v=1.1" rel="stylesheet" type="text/css" />
<link href="css/106/button.css" rel="stylesheet" type="text/css" />
<style>
.todayList li.only4 a {
	padding: 5px 40px 4px 5px;
}

.todayList li .img {
	border-radius: 3px;
	height: 60px; /*图片高度*/
	width: 60px; /*图片宽度*/
	margin: 0 10px 0 0;
}

.todayList li img {
	width: 60px; /*图片宽度*/
}

.todayList li p.onlyheight {
	height: 32px; /*分类描述*/
}

.todayList li.only4 p {
	white-space: normal;
}

#btnClick {
	border-radius: 5px;
	background: #8AC007;
	margin: 0.2px
}

table {
	text-align: center;
	border-radius: 5px;
	background: #D8D8D8;
	box-shadow: 5px 5px 5px #888888;
	font-family: 仿宋;
	font-size: 16px;
	border-radius: 5px;
	width: 65%
}
.table{
	margin-top: 20px;
	margin-right: 10px;
	float: right;
 }
table thead {
	border-radius: 5px;
	background: #08811A;
	font: #D5E9D8;
	height: 50px;
}

table tbody {
	border-radius: 5px;
	background: #ffffff;
	font: #000000;
}

.img {
	height: 100px;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #888888;
	margin: 10px
}

.container row {
	text-align: center;
}

.container {
	width: 100%;
}

.label2 {
	float: right;
}

.container2 {
	display: none;
	position: fixed;
	z-index: 999;
	top: 0;
	display: none;
}

.navigation {
	background-color: #08811A;
	box-shadow: 5px 5px 5px #888888;
	height: 50px;
	width: 100%
}

.info {
	text-align: center;
	border-radius: 5px;
	background: #D8D8D8;
	box-shadow: 5px 5px 5px #888888;
	font-family: 仿宋;
	font-size: 16px;
	border-radius: 5px;
}

.zfError {
	display: none;
}

.bar {
	text-align:center;
	width: 100% ;
	background: #08811A;
	font-family: 仿宋;
	font-size: 20px;
	
}
</style>
<script src="css/106/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="css/106/iscroll2.js" type="text/javascript"></script>
<script type="text/javascript">
	var myScroll;
	var openid = '${openid!}';
	function loaded() {
		myScroll = new iScroll(
				'wrapper',
				{
					snap : true,
					momentum : false,
					hScrollbar : false,
					onScrollEnd : function() {
						document.querySelector('#indicator > li.active').className = '';
						document.querySelector('#indicator > li:nth-child('
								+ (this.currPageX + 1) + ')').className = 'active';
					}
				});
	}
	document.addEventListener('DOMContentLoaded', loaded, false);
</script>

</head>
<body id="cate4">
	<!--背景音乐-->
	<div class="banner">
		<div id="wrapper">
			<div id="scroller">
				<ul id="thelist">
				</ul>
			</div>
		</div>
		<div id="nav">
			<div id="prev"
				onclick="myScroll.scrollToPage('prev', 0,400,3);return false">&larr;
				prev</div>
			<ul id="indicator">

			</ul>
			<div id="next"
				onclick="myScroll.scrollToPage('next', 0);return false">next
				&rarr;</div>
		</div>
		<div class="clr"></div>
	</div>
	<div id="insert1"></div>
	<div id="todayList">
		<ul class="todayList">
			<li class="only4" style="padding: 10px 0 0 0"><a
				href="http://v.lanrenmb.com/index.php?g=Wap&m=Index&a=lists&classid=17&token=ieydec1420432915&wecha_id={wechat_id}">
					<div class="img">
						<img src="photo/thumb_54ad3c8c03158.png" />
					</div>
					<h2>空间/服务器租用</h2>
					<p class="onlyheight">懒人附加服务：优先解决问题、赠送一套网站源码、教会想学东西！</p> <span
					class="icon">&nbsp;</span>
					<div class="clr"></div>
			</a></li>
			<li class="only4" style="padding: 10px 0 0 0"><a
				href="http://v.lanrenmb.com/index.php?g=Wap&m=Index&a=lists&classid=18&token=ieydec1420432915&wecha_id={wechat_id}">
					<div class="img">
						<img src="photo/thumb_54ad3cb664072.png" />
					</div>
					<h2>模板定制与设计</h2>
					<p class="onlyheight">懒人喜欢挑战很难模板定制与设计，因为懒人也成长了！</p> <span
					class="icon">&nbsp;</span>
					<div class="clr"></div>
			</a></li>
			<li class="only4" style="padding: 10px 0 0 0"><a
				href="http://v.lanrenmb.com/index.php?g=Wap&m=Index&a=lists&classid=19&token=ieydec1420432915&wecha_id={wechat_id}">
					<div class="img">
						<img
							src="http://v.lanrenmb.com/uploads/i/ieydec1420432915/9/9/1/1/thumb_54ad3cc15514d.png" />
					</div>
					<h2>多合一平台建设</h2>
					<p class="onlyheight">PC端、手机端、微信端、APP客户端以上平台全部同步一键更新！</p> <span
					class="icon">&nbsp;</span>
					<div class="clr"></div>
			</a></li>
			<li class="only4" style="padding: 10px 0 0 0"><a
				href="http://v.lanrenmb.com/index.php?g=Wap&m=Index&a=lists&classid=20&token=ieydec1420432915&wecha_id={wechat_id}">
					<div class="img">
						<img src="photo/thumb_54ad3ccedf2b8.png" />
					</div>
					<h2>微信功能二次开发</h2>
					<p class="onlyheight">只有想不到功能，没有做不出来功能噢--懒人口头禅！</p> <span
					class="icon">&nbsp;</span>
					<div class="clr"></div>
			</a></li>
			<li class="only4" style="padding: 10px 0 0 0"><a
				href="http://v.lanrenmb.com/index.php?g=Wap&m=Index&a=lists&classid=21&token=ieydec1420432915&wecha_id={wechat_id}">
					<div class="img">
						<img src="photo/thumb_54ad3cdabcb1f.png" />
					</div>
					<h2>微场景定制</h2>
					<p class="onlyheight">懒人做场景应用喜欢个性化，非模板化，你出方案，我们来写特效！</p> <span
					class="icon">&nbsp;</span>
					<div class="clr"></div>
			</a></li>
			<li class="only4" style="padding: 10px 0 0 0"><a
				href="http://v.lanrenmb.com/index.php?g=Wap&m=Index&a=lists&classid=22&token=ieydec1420432915&wecha_id={wechat_id}">
					<div class="img">
						<img src="photo/thumb_54ad3ce678ee3.png" />
					</div>
					<h2>APP定制</h2>
					<p class="onlyheight">不管是原生APP还是封装，在懒人眼里，让客户说你牛就行了！</p> <span
					class="icon">&nbsp;</span>
					<div class="clr"></div>
			</a></li>
		</ul>
	</div>
	<script>
		var count = document.getElementById("thelist").getElementsByTagName(
				"img").length;

		for (i = 0; i < count; i++) {
			document.getElementById("thelist").getElementsByTagName("img")
					.item(i).style.cssText = " width:"
					+ document.body.clientWidth + "px";

		}

		document.getElementById("scroller").style.cssText = " width:"
				+ document.body.clientWidth * count + "px";

		setInterval(function() {
			myScroll.scrollToPage('next', 0, 400, count);
		}, 3500);

		window.onresize = function() {
			for (i = 0; i < count; i++) {
				document.getElementById("thelist").getElementsByTagName("img")
						.item(i).style.cssText = " width:"
						+ document.body.clientWidth + "px";

			}

			document.getElementById("scroller").style.cssText = " width:"
					+ document.body.clientWidth * count + "px";
		}
	</script>

	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"
		type="text/javascript"></script>
	<br> <br><script>
		function displayit(n) {
			for (i = 0; i < 4; i++) {
				if (i == n) {
					var id = 'menu_list' + n;
					if (document.getElementById(id).style.display == 'none') {
						document.getElementById(id).style.display = '';
						document.getElementById("plug-wrap").style.display = '';
					} else {
						document.getElementById(id).style.display = 'none';
						document.getElementById("plug-wrap").style.display = 'none';
					}
				} else {
					if ($('#menu_list' + i)) {
						$('#menu_list' + i).css('display', 'none');
					}
				}
			}
		}
		function closeall() {
			var count = document.getElementById("top_menu")
					.getElementsByTagName("ul").length;
			for (i = 0; i < count; i++) {
				document.getElementById("top_menu").getElementsByTagName("ul")
						.item(i).style.display = 'none';
			}
			document.getElementById("plug-wrap").style.display = 'none';
		}

		document.addEventListener('WeixinJSBridgeReady',
				function onBridgeReady() {
					WeixinJSBridge.call('hideToolbar');
				});
	</script>
			<style type="text/css">
body {
	margin-bottom: 60px !important;
}

a, button, input {
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0
}

.top_bar {
	position: fixed;
	z-index: 900;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif;
}

.top_menu {
	display: -webkit-box;
	border-top: 1px solid #3D3D46;
	display: block;
	width: 100%;
	background: rgba(255, 255, 255, 0.7);
	height: 48px;
	display: -webkit-box;
	display: box;
	margin: 0;
	padding: 0;
	-webkit-box-orient: horizontal;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#524945),
		to(#48403c), color-stop(60%, #524945));
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset;
}

.top_bar .top_menu>li {
	-webkit-box-flex: 1;
	position: relative;
	text-align: center;
}

.top_menu li:first-child {
	background: none;
}

.top_bar .top_menu>li>a {
	height: 48px;
	margin-right: 1px;
	display: block;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	-webkit-box-flex: 1;
}

.top_bar .top_menu>li.home {
	max-width: 70px
}

.top_bar .top_menu>li.home a {
	height: 60px;
	width: 60px;
	margin: auto;
	border-radius: 60px;
	position: relative;
	top: -14px;
	background: url('photo/home.png') no-repeat center center;
	background-size: 100% 100%;
}

.top_bar .top_menu>li>a label {
	overflow: hidden;
	margin: 0 0 0 0;
	font-size: 12px;
	display: block !important;
	line-height: 18px;
	text-align: center;
}

.top_bar .top_menu>li>a img {
	padding: 3px 0 0 0;
	height: 24px;
	width: 24px;
	color: #fff;
	line-height: 48px;
	vertical-align: middle;
}

.top_bar li:first-child a {
	display: block;
}

.menu_font {
	text-align: left;
	position: absolute;
	right: 10px;
	z-index: 500;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#524945),
		to(#48403c), color-stop(60%, #524945));
	border-radius: 5px;
	width: 120px;
	margin-top: 10px;
	padding: 0;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.menu_font.hidden {
	display: none;
}

.menu_font {
	top: inherit !important;
	bottom: 60px;
}

.menu_font li a {
	height: 40px;
	margin-right: 1px;
	display: block;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	-webkit-box-flex: 1;
}

.menu_font li a {
	text-align: left !important;
}

.top_menu li:last-of-type a {
	background: none;
}

.menu_font:after {
	top: inherit !important;
	bottom: -6px;
	border-color: #48403c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	border-width: 6px 6px 0;
	position: absolute;
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	left: 80%;
}

.menu_font li {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.menu_font li:first-of-type {
	border-top: 0;
}

.menu_font li:last-of-type {
	border-bottom: 0;
}

.menu_font li a {
	height: 40px;
	line-height: 40px !important;
	position: relative;
	color: #fff;
	display: block;
	width: 100%;
	text-indent: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.menu_font li a img {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-top: -2px;
	color: #fff;
	line-height: 40px;
	vertical-align: middle;
}

.menu_font>li>a label {
	padding: 3px 0 0 3px;
	font-size: 14px;
	overflow: hidden;
	margin: 0;
}

#sharemcover {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: none;
	z-index: 20000;
}

#sharemcover img {
	position: fixed;
	right: 18px;
	top: 5px;
	width: 260px;
	height: 180px;
	z-index: 20001;
	border: 0;
}

.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active {
	background-color: #333;
}

.menu_font li a:hover, .menu_font li a:active {
	background-color: #333;
}

.menu_font li:first-of-type a {
	border-radius: 5px 5px 0 0;
}

.menu_font li:last-of-type a {
	border-radius: 0 0 5px 5px;
}

.litype {
	width: 58px;
}

#plug-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	z-index: 800;
}

#cate18 .device {
	bottom: 49px;
}

#cate18 #indicator {
	bottom: 240px;
}

#cate19 .device {
	bottom: 49px;
}

#cate19 #indicator {
	bottom: 330px;
}

#cate19 .pagination {
	bottom: 60px;
}

table.gridtable {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}

table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}

table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
</style>
			<div class="top_bar" style="-webkit-transform: translate3d(0, 0, 0);display: none" >
				<nav>
				<ul id="top_menu" class="top_menu">
					<li class="home"><a
						href="http://v.lanrenmb.com/index.php?g=Wap&m=Index&a=index&token=ieydec1420432915&wecha_id={wechat_id}"></a></li>
					<li class="litype"><a
						href="http://v.lanrenmb.com/index.php?g=Wap&m=Index&a=content&token=ieydec1420432915&wecha_id={wechat_id}&id=3"><img
							src="photo/plugmenu2.png"><label>关于懒人</label></a></li>
					<li class="litype"><a
						href="http://m.wsq.qq.com/160750279?wecha_id={wechat_id}"><img
							src="photo/plugmenu15.png"><label>懒人课堂</label></a></li>
					<li class="litype"><a
						href="http://v.lanrenmb.com/index.php?g=Wap&m=Index&a=lists&token=ieydec1420432915&wecha_id={wechat_id}&classid=2"><img
							src="photo/12.png"><label>懒人业务</label></a></li>
					<li class="litype"><a
						href="http://v.lanrenmb.com/index.php?g=Wap&m=Index&a=lists&token=ieydec1420432915&wecha_id={wechat_id}&classid=4"><img
							src="photo/plugmenu11.png"><label>懒人福利</label></a></li>
				</ul>
				</nav>
			</div>
			<div id="plug-wrap" onclick="closeall()" style="display: none;"></div>
			<!-- share --> <script type="text/javascript">
				window.shareData = {
					"moduleName" : "NewsList",
					"moduleID" : "2",
					"imgUrl" : "http://v.lanrenmb.com/tpl/static/attachment/icon/edu/edu_white/9.png",
					"timeLineLink" : "http://v.lanrenmb.com/index.php?g=Wap&m=Index&a=lists&token=ieydec1420432915&classid=2",
					"sendFriendLink" : "http://v.lanrenmb.com/index.php?g=Wap&m=Index&a=lists&token=ieydec1420432915&classid=2",
					"weiboLink" : "http://v.lanrenmb.com/index.php?g=Wap&m=Index&a=lists&token=ieydec1420432915&classid=2",
					"tTitle" : "懒人业务",
					"tContent" : ""
				};
			</script> <script>
				window.shareData.sendFriendLink = window.shareData.sendFriendLink
						.replace('http://v.lanrenmb.com',
								'http://v.lanrenmb.com');
				document
						.addEventListener(
								'WeixinJSBridgeReady',
								function onBridgeReady() {
									WeixinJSBridge
											.on(
													'menu:share:appmessage',
													function(argv) {
														shareHandle('friend');
														WeixinJSBridge
																.invoke(
																		'sendAppMessage',
																		{
																			"img_url" : window.shareData.imgUrl,
																			"img_width" : "640",
																			"img_height" : "640",
																			"link" : window.shareData.sendFriendLink,
																			"desc" : window.shareData.tContent,
																			"title" : window.shareData.tTitle
																		},
																		function(
																				res) {
																			_report(
																					'send_msg',
																					res.err_msg);
																		})
													});

									WeixinJSBridge
											.on(
													'menu:share:timeline',
													function(argv) {
														shareHandle('frineds');
														WeixinJSBridge
																.invoke(
																		'shareTimeline',
																		{
																			"img_url" : window.shareData.imgUrl,
																			"img_width" : "640",
																			"img_height" : "640",
																			"link" : window.shareData.sendFriendLink,
																			"desc" : window.shareData.tContent,
																			"title" : window.shareData.tTitle
																		},
																		function(
																				res) {
																			_report(
																					'timeline',
																					res.err_msg);
																		});
													});

									WeixinJSBridge
											.on(
													'menu:share:weibo',
													function(argv) {
														shareHandle('weibo');
														WeixinJSBridge
																.invoke(
																		'shareWeibo',
																		{
																			"content" : window.shareData.tContent,
																			"url" : window.shareData.sendFriendLink,
																		},
																		function(
																				res) {
																			_report(
																					'weibo',
																					res.err_msg);
																		});
													});
								}, false)

				function shareHandle(to) {
					var submitData = {
						module : window.shareData.moduleName,
						moduleid : window.shareData.moduleID,
						token : 'ieydec1420432915',
						wecha_id : '{wechat_id}',
						url : window.shareData.sendFriendLink,
						to : to
					};
					$
							.post(
									'http://v.lanrenmb.com/index.php?g=Wap&m=Share&a=shareData&token=ieydec1420432915&wecha_id={wechat_id}',
									submitData, function(data) {
									}, 'json')
				}
			</script>
			<div class="container" style="position: fixed; z-index: 999; top: 0; display: none;">
				<div class="navigation">
					<button class="button button-primary button-box button-small"><</button>
				</div>
				<div class="row">
					<div class="secondPage">
						<img alt="140x140"
							src="http://q15811o461.imwork.net/main/images/xjp.jpg" class="img" />
						<table class="table" >
							<tbody>
								<tr>
									<td>name</td>
								</tr>
								<tr>
									<td>sex</td>
								</tr>
								<tr>
									<td>time</td>
								</tr>
								<tr>
									<td>主治医生：华佗</td>
								</tr>
							</tbody>
						</table>
						<div class="bar"><p><font color="white">病&nbsp&nbsp&nbsp&nbsp&nbsp因</font></p></div>
						<p>找不到女朋友</p>
					</div>
				</div>
			</div>
			
	<!-- 预约订单页面 -->
	<div class="container2">
		<div class="navigation">
			<button class="button button-primary button-box button-small"><</button>
		</div>
		<div class="zfError">
			<p>支付密码错误</p>
		</div>
		<div class="row-fluid">
			<div class="info">
				<p>
					<span class="yyxx">预约信息:</span>
				</p>
				<p>
					<span class="label">挂号科室</span><span class="label2">骨科</span>
				</p>
				<p>
					<span class="label">预约医生</span><span class="label2">李婷</span>
				</p>
				<p>
					<span class="label">预约日期</span><span class="label2">2016-11-17
						星期四</span>
				</p>
				<p>
					<span class="label">挂号费</span><span class="label2">7元</span>
				</p>
			</div>
			<div class="row-fluid" style="text-align: center;">
				<div class="span12">
					<button id="zfBtn"
						class="button button-primary button-box button-small">预约</button>
				</div>
			</div>
		</div>

	</div>
</body>
</html>